<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<meta charset="UTF-8">
	<title>购物车</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/css.css">
	<link rel="stylesheet" href="css/font-awesome.css">
	<style type="text/css">
		.icon-remove{
			font-size:1.5em;
		}
		.icon-remove:hover{
			color:red;
		}
	</style>
</head>
<body>
	<div class="container">
		<div class="head">
			     <div class="navbar">
			     	<h1 class="page-title"><img src="img/dragon64.ico" alt="">龙游天下BookStore</h1>
				    <div class="navbar-inner">
				    	<a class="btn" href=""><i class="icon-home"></i>主页</a>
				    	<a class="btn" href=""><i class="icon-shopping-cart"></i></i>购物车</a>
				    	<a class="btn" href=""><i class="icon-user"></i></i>登陆</a>
				    	<a class="btn" href=""><i class="icon-signin"></i>注册</a>
					    
				    </div>
			    </div>   
		</div>
		<ul class="breadcrumb">
	            <li><a href="index.html">首页</a> <span class="divider">/</span></li>
	            <li class="active">购物车</li>
	    </ul>
	    <div class="context">
			<div class="page-header">
		       <i class="icon-shopping-cart"></i><h4 class="page-title">购物车</h4>
		    </div>
		    <div class="context_table">
		    	<div class="well">
		    		<table class="table">
		    			<thead>
		    				<tr>
		    					<th width="60%">商品名称</th>
		    					<th width="10%">单价</th>
		    					<th width="10%">数量</th>
		    					<th width="10%">总价</th>
		    					<th></th>
		    				</tr>
		    			</thead>
		    			<tbody>
		    				<tr>
		    					<td><a href="">Head First Java</a></td>
		    					<td>77</td>
		    					<td>1</td>
		    					<td>77</td>
		    					<td>
		    						<a href="#myModal"><i class="icon-remove"></i></a>
</td>
		    				</tr>
		    				<tr>
		    					<td><a href="">Head First Java</a></td>
		    					<td>77</td>
		    					<td>1</td>
		    					<td>77</td>
		    					<td>
		    						<a href="#myModal"><i class="icon-remove"></i></a>
</td>
		    				</tr>
		    				<tr>
		    					<td><a href="">Head First Java</a></td>
		    					<td>77</td>
		    					<td>1</td>
		    					<td>77</td>
		    					<td>
		    						<a href="#myModal"><i class="icon-remove"></i></a>
</td>
		    				</tr>
		    				<tr>
		    					<td><a href="">Head First Java</a></td>
		    					<td>77</td>
		    					<td>1</td>
		    					<td>77</td>
		    					<td>
		    						<a href="#myModal"><i class="icon-remove"></i></a>
</td>
		    				</tr>
		    			</tbody>
		    		</table>
		    	</div>
		    </div>
		    </div>
	    <p style="margin-left: 30px;" ;>© 2012 <a href="mailto:804795012@qq.com" target="_blank">龙游天下图书城</a></p>
	</div>	
	</div>

	</div>
	
</body>
</html>
